<!---->
<template>
    <div class="rule-con">
        <div class="header">
            <div class="left">
                <img :src="PIC_URL + '/myGoldcoin/jinbi_icon.png'" width="40" height="26">
                <span class="tip">我的金币</span>
                <span class="label">手机号：</span>
                <span class="info">{{userInfo.phoneMask}}</span>
                <span class="label">姓名：</span>
                <span class="info">{{userInfo.userIdCard&&userInfo.userIdCard.musername||'--'}}</span>
            </div>
            <div class="right">
                <img :src="PIC_URL + '/myGoldcoin/back_btn.png'" @click="tabChange('gold')" width="83" height="30">
            </div>
        </div>
        <div class="content">
            <div class="title">金币奖励计划规则</div>
            <div class="con">
                <div class="tip">尊敬的约牛证券咨询客户:</div>
                <p class="info">为了感谢您长期以来对约牛证券咨询的信任和支持，同时为了推广与约牛证券咨询合作单位的合作，扩大与合作单位的合作效果，约牛证券咨询已开展客户回馈活动，推出金币奖励计划，您可以通过购买约牛证券咨询或约牛证券咨询指定合作单位的产品或服务以及参与约牛证券咨询定期或不定期推出的金币活动的方式享受金币奖励。我们诚挚地邀请您参加我们的金币奖励计划</p>

                <div class="tip">金币获取渠道</div>
                <p class="info">您可以通过购买约牛证券咨询公司、约牛证券咨询指定合作单位的产品或服务，登录、评价来获得金币，以约牛证券咨询公布的具体活动细则为准。</p>

                <div class="tip">金币获取时间</div>
                <p class="info">在指定合作券商开户之日起12个月之内，具体活动时间以约牛证券咨询发出的具体活动细则为准。</p>

                <div class="tip">金币获取上限</div>
                <p class="info">获得金币上限为在本公司购买产品的总金额（例如：共花费10000元，可获得金币上限即为10000个金币）。</p>

                <div class="tip">金币有效期</div>
                <p class="info">自开户日起，获得的金币有效期最长不超过36个月，具体有效期限以约牛证券咨询发出的具体活动细则为准。</p>

                <div class="tip">金币兑换规则</div>
                <p class="info">登陆约牛证券咨询天龙博弈软件进入“系统”->“我的信息"->“我的金币”页面可查看个人金币明细并进行兑换。</p>
                <p class="info">兑换内容包括: 1、 折价购买约牛证券咨询公司和约牛证券咨询指定合作单位的产品或服务; 2、对于客户已经购买的约牛证券咨询公司和约牛证券咨询指定合作单位的产品或服务给予免单; 3、返现; 4、兑换礼品。以约牛证券咨询公布的具体活动细则为准。</p>

                <div class="tip">获取及兑换规则</div>
                <p class="info">约牛证券咨询将另行制定具体金币奖励活动细则并在约牛证券咨询天龙博弈软件或官方网站等平台上公布，请您关注。约牛证券咨询公司享有具体金币奖励活动细则及兑换办法的解释权。</p>

                <div class="tip end">如您参加或申请参加任何一次约牛证券咨询金币兑换活动，则视为您同意并接受约牛证券咨询公布的金币奖励计划规则、金币奖励活动细则及兑换办法。</div>
                
            </div>
            <div class="end-tip">风险提示:本文所有观点不构成任何投资买卖建议，据此入市风险自负。股市有风险，投资需谨慎!</div>
        </div>
        
        

    </div>
</template>
<script>
export default {
    props:{
        userInfo:{
            type: Object,
            default: ()=> {},
        }
    },
    methods: {
        tabChange(d){
            this.$emit('tabChange',d)
        }
    },
    
};
</script>

<style scoped lang="scss">
.rule-con{
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    font-family: Microsoft YaHei;
    font-size: 0;
    .header{
        height: 46px;
        background: #31374D;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 52px 0 16px;
        box-sizing: border-box;
        border-bottom: 1px solid #CFD7E5;
        .left{
            font-weight: bold;
            display: flex;
            align-items: center;
            .tip {
                font-size: 18px;
                font-weight: bold;
                color: #FFB36F;
                margin-right: 30px;
                margin-left: 7px;
            }
            .label {
                font-size: 16px;
                color: #9CB6FE;
            }
            .info {
                font-size: 16px;
                color: #E5EEFF;
                margin-right: 30px;
            }
        }
        .right{
            color: #B9BCC1;
            cursor: pointer;
            display: flex;
            align-items: center;
            .gz{
                font-size: 16px;
                text-decoration: underline;
                color: #E6AA85;
                margin-right: 15px;
            }
        }
    }
    .content{
        padding: 10px 40px 20px;
        .title {
            font-size: 28px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #AF5A25;
            text-align: center;
            padding: 20px 0;
            border-bottom: 1px solid #E4E1DE;
            box-sizing: border-box;
        }
        .con {
            font-size: 16px;
            line-height: 30px;
            padding: 10px 0;
            height: 496px;
            overflow-y: auto;
            .tip {
                color: #333;
                font-weight: bold;
            }
            .info{
                color: #666;
                text-indent: 30px;
            }
        }
        .end-tip{
            font-size: 15px;
            color: #9E7979;
            padding-top: 15px;
        }
    }
}

</style>
